@charset "utf-8";
@import "common";
//主体样式
.matter{
    min-width: 1200px;
    .matter_nav{
        border-bottom: 1px solid #dfdfdf;
        position: relative;
        >div{
            width: 1000px;
            margin: 0 auto;
            height: 59px;
            display: flex;
            align-items: center;
            li{
                font-size: 12px;
                list-style: none;
                margin-right: 6px;
                a{
                    transition: all 100ms;
                    color: #444f58;
                    &:hover{
                        color: #ff0000;
                    }
                }
                &:last-child{
                    a{
                        color: #99999a;
                    }
                }
            }
        }
    }
    .matter_body{
        width: 1000px;
        margin: 0 auto;
        position: relative;
        .line{
            height: 0;
            width: 200%;
            border: .5px solid #dfdfdf;
            position: absolute;
            top: 183px;
            right:81%;
        }
        .matter_body_l{
            float: left;
            width: 164px;
            border-right: 1px solid #dfdfdf;
            padding-right: 26px;
            .user_pic{
                width: 100px;
                height: 100px;
                padding-top: 25px;
                padding-left: 32px;
                img{
                    height: 100%;
                    }
            }
            >.user_name{
                padding:17px 0 27px;
                height: 14px;
                line-height: 14px;
                text-align: center;
                span{
                    vertical-align: top;
                    font-size: 0;
                    display: inline-block;
                    width: 55px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    a{
                        display: inline-block;
                       color: #444f58;
                       font-size: 12px; 
                    }
                }
                i{
                    font-size: 17px;
                    color: #5cb704;
                    font-weight: 900;
                }
            }
            >dl{
                padding: 20px 0px 190px;
                dt,dd{
                    height: 30px;
                    line-height: 30px;
                    margin-left: 52px;
                }
                dt{
                    margin-top: 8px;
                    a{
                        color: #444f58;
                        font-size: 16px;
                    }
                }
                dd{
                    a{
                        color: #878787;
                        font-size: 12px;
                        &:hover{
                            color: red;
                        }
                    }
                }
            }
        }
        .matter_body_r{
            float: left;
        }
    }
}
